// 获取所有带有下拉菜单的菜单项
const menuItem = document.querySelectorAll('.menu-item');
// 获取菜单项下的下拉菜单
const submenu = document.querySelector('.submenu');
const span = document.querySelector('span');

// 遍历每个菜单项
menuItem.forEach(item => {
  // 查找菜单项下的下拉菜单
  const submenu = item.querySelector('.submenu');
  // 查找菜单项下的 span 元素
  const span = item.querySelector('span');

  // 如果菜单项有下拉菜单
  if (submenu) {
    // 监听 span 元素的点击事件
    span.addEventListener('click', () => {
      // 切换下拉菜单的显示状态
      submenu.classList.toggle('show');
      span.classList.toggle('rotate');
    });
  }
});

const rigth = document.querySelector('#rigth');
const menu = document.querySelector('.menu');

right.addEventListener("click", function () {
  // 切换菜单的折叠状态类名
  menu.classList.toggle('collapsed');

});
